<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/page.css">
    <link rel="stylesheet" href="./css/cartoon.css">

    <script crossorigin="anonymous" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" src="https://lib.baomitu.com/jquery/3.6.0/jquery.min.js"></script>

</head>

<body>

    <div class="boxx">
        <select name="" id="selectadmin">
               </select>
        <div id="div1">

            <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>

        </div>
        <div id="div2">
            <button id="butt1">提交</button>
            <button id="butt2">关闭</button>
        </div>
    </div>

    <!-- admin下拉列表 -->
    <ul class="admin">
        <li>图片管理</li>
        <li>周边</li>
        <li>相关推荐</li>
    </ul>



    <section class="section">
        <p class="yourname">admin</p><img src="./imges/down.png"></span>
    </section>
    <div class="model">
        <section class="model-main">
            用户名:
            <input type="text" name="" id=""><br> 密码:
            <input type="password" name="" id=""><br> 日期：
            <input type="date"><br>
            <button class="tijiao">提交</button>
            <button class="guanbi">关闭</button>
        </section>
    </div>
    <div class="all">
        <div class="top-nav"><span>FHL-Admin</span><img src="./imges/hanbao.png" alt="" class="hanbao"> <img src="./imges/book.png" alt=""></div>
        <div class="left-nav">

            <ul>
                <li id="shouye"><img src="./imges/hed.png" alt=""> <span>首页</span></li>
                <li class="li"><img src="./imges/u1.png" alt=""><span> 用户管理</span><img src="./imges/jian.png" alt="" class="img">
                    <ol class="li-o">
                        <li><img src="./imges/jiantou1.png" alt=""> <span class="1">用户管理列表</span> </li>
                    </ol>
                </li>
                <li class="li corlor"><img src="./imges/manhua.png" alt=""><span>漫画管理</span> <img src="./imges/jian.png" alt="" class="img">
                    <ol class="li-o">
                        <li><img src="./imges/jiantou1.png" alt=""><span class="2">漫画管理列表</span> </li>
                        <li class="sel"><img src="./imges/jiantou1.png" alt=""><span>漫画人物管理列表</span> </li>
                    </ol>
                </li>
                <li class="li"><img src="./imges/liuyan11.png" alt=""><span>留言管理</span> <img src="./imges/jian.png" alt="" class="img">
                    <ol class="li-o">
                        <li><img src="./imges/jiantou1.png" alt=""><span class="4">留言管理列表</span> </li>
                    </ol>
                </li>
                <li class="li"><img src="./imges/super.png" alt=""><span> 超级管理员</span><img src="./imges/jian.png" alt="" class="img">
                    <ol class="li-o">
                        <li><img src="./imges/jiantou1.png" alt=""><span> 超级管理员管理列表</span></span>
                        </li>
                    </ol>
                </li>
                <li class="logout"> <img src="./imges/tui.png" alt=""> <span>退出</span> </li>
            </ul>
        </div>



        <div class="container">
            <section class="topset">
                <img src="./imges/sition.png" alt="">
                <span>您现在所在的位置:</span>
                <span>首页  </span>
                <img src="./imges/double.png" alt="">


                <div class="search-box">
                    <!-- 添加<input type="text" name="" id=""> -->
                    <input type="text" class="search-txt" placeholder="搜索章节" id="sada">
                    <a href="javascript:;" class="search-btn">
                        <img src="./imges/se.png" alt="">
                    </a>


                    <!-- <button class="look"><img src="./imges/add.png" alt=""> -->

            </section>

            <section class="top-hea">
                <span>章节列表</span><img src="./imges/jia.png" alt="" class="daa">
                <span class="addd">添加章节</span>
            </section>

            <!-- <div class="search-box">
                <input type="text" class="search-txt" placeholder="想搜啥">
                <a href="" class="search-btn">
                    <img src="./imges/se.png" alt="">
                </a>

            </div><button class="look">添加</button> -->

            <div class="user">
                <table class="zhangjie">


                </table>
                <div class="yeye">
                    <ul class="pagination">
                        <!-- <li class="material-icons page-btn page-btn-prev"><img src="./imges/箭头-左.png" alt=""></li>
                        <li class="page-number">1</li> -->
                        <!-- <li class="material-icons page-dot page-dot-prev">...</li> -->
                        <!-- <li class="page-number">2</li>
                        <li class="page-number active">3</li>
                        <li class="page-number">5</li> -->
                        <!-- <li class="material-icons page-dot page-dot-next">...</li> -->
                        <!-- <li class="page-number">6</li>
                        <li class="material-icons page-btn page-btn-next isclick"> <img src="./imges/箭头-右.png" alt=""></li> -->

                    </ul>
                </div>
            </div>
            <!-- <div class="flex">
                <section class="bottom-left">
                    <span>周边</span> -->
            <!-- <ul class="mt">
                        <li>有梦想的人生才是完美的，充实的。我们每个人心中都有一个梦想，这个梦想或大或小，或许近在咫尺，
                            <img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
                            <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' /></li>
                        <li>有梦想的人生才是完美的，充实的。我们每个人心中都有一个梦想，这个梦想或大或小，或许近在咫尺，
                            <img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
                            <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' />
                        </li>
                        <li>有梦想的人生才是完美的，充实的。我们每个人心中都有一个梦想，这个梦想或大或小，或许近在咫尺，
                            <img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
                            <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' /></li>
                        <li>有梦想的人生才是完美的，充实的。我们每个人心中都有一个梦想，这个梦想或大或小，或许近在咫尺，
                            <img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
                            <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' /></li>
                        <li>有梦想的人生才是完美的，充实的。我们每个人心中都有一个梦想，这个梦想或大或小，或许近在咫尺，
                            <img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
                            <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' /></li>
                        <li>有梦想的人生才是完美的，充实的。我们每个人心中都有一个梦想，这个梦想或大或小，或许近在咫尺，
                            <img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
                            <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' /></li>
                        <li>有梦想的人生才是完美的，充实的。我们每个人心中都有一个梦想，这个梦想或大或小，或许近在咫尺，
                            <img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
                            <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' /></li>
                        <li>有梦想的人生才是完美的，充实的。我们每个人心中都有一个梦想，这个梦想或大或小，或许近在咫尺，
                            <img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
                            <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' /></li>
                    </ul> -->
            <!-- </section>
                <section class="bottom-right">
                    <span>相关</span> -->
            <!-- <ul class="mt">
                        <li>有梦想的人生才是完美的，充实的。我们每个人心中都有一个梦想，这个梦想或大或小，或许近在咫尺，
                            <img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
                            <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' /></li>
                        <li>有梦想的人生才是完美的，充实的。我们每个人心中都有一个梦想，这个梦想或大或小，或许近在咫尺，
                            <img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
                            <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' />
                        </li>
                        <li>有梦想的人生才是完美的，充实的。我们每个人心中都有一个梦想，这个梦想或大或小，或许近在咫尺，
                            <img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
                            <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' /></li>
                        <li>有梦想的人生才是完美的，充实的。我们每个人心中都有一个梦想，这个梦想或大或小，或许近在咫尺，
                            <img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
                            <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' /></li>
                        <li>有梦想的人生才是完美的，充实的。我们每个人心中都有一个梦想，这个梦想或大或小，或许近在咫尺，
                            <img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
                            <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' /></li>
                        <li>有梦想的人生才是完美的，充实的。我们每个人心中都有一个梦想，这个梦想或大或小，或许近在咫尺，
                            <img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
                            <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' /></li>
                        <li>有梦想的人生才是完美的，充实的。我们每个人心中都有一个梦想，这个梦想或大或小，或许近在咫尺，
                            <img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
                            <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' /></li>
                        <li>有梦想的人生才是完美的，充实的。我们每个人心中都有一个梦想，这个梦想或大或小，或许近在咫尺，
                            <img src='.\\imges\\de.png' class="btn" name="delete" id='${res.data[i].id}' />
                            <img src='.\\imges\\edi.png' class="btn up" name="g" data-id='${res.data[i].id}' /></li>
                    </ul> -->
            <!-- </section>
            </div>
ada1

            </div> -->

            </div>
            <script src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"></script>
            <script src="./js/cartoon.js"></script>

</body>

</html>